<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>马富强博客</title>
    <meta name="description" content="马富强的个人网站。" />
    <meta name="keywords" content="马富强的编程之路" />
    <meta name="copyright" content="马富强个人博客" />
    <meta name="author" content="马富强个人网站" />
    <meta name="reply-to" content="superq520@foxmail.com" />
    <meta name="robots" content="all" />
    <meta property="og:image" content="/img/logo.png" />
    <meta name="og:title" content="马富强" />
    <meta name="og:url" content="https://gitmfq.eu.org/" />
    <meta name="og:description" content="马富强的个人网站，开始学习编程。" />
    <meta name="baidu-site-verification" content="code-kqPK1hiJyC" />
    <meta name="360-site-verification" content="66ef038656fcaafd0c30a895a20a60f4" />
    <meta name="msvalidate.01" content="9F0AD8F2101B178EDCD65AA67D316DC0" />
    <meta name="bytedance-verification-code" content="tK3lwY/lmKJncwKqBLmg" />
    <link rel="manifest" href="./js/manifest.json" />
    <link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="./img/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="./img/favicon-16x16.png" />
    <link rel="icon" href="./img/favicon.ico" />
    <link rel="mask-icon" href="./img/mask-icon.svg" color="#39b54a" />
    <meta name="msapplication-TileColor" content="#39b54a" />
    <meta name="theme-color" content="#1cbbb4" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <meta name="apple-mobile-web-app-title" content="马富强学习编程" />
    <link rel="stylesheet" type="text/css" href="./css/main.css" />
    <script src="./js/main.js"></script>
    <style>
    </style>
</head>

<body>

    <!--顶栏-->
    <header class="yinying yuanjiao touming flex"">
        <!--左边logo-->
        <b class=" touzuobian">
        <div class=" sjyincang">gitmfq</div></b>
        <!--中间-->
        <div class=" touzhongjian flex">
            <a href=" ./index.html">首页</a>
            <a href=" ./index.html">分类</a>
            <a href=" ./index.html">其它</a>
        </div>
        <!--右边-->
        <div class="touyoubian">
            <div class="sjyincang"></div>
        </div>
    </header>
    <!--主体-->
    <div class=" flex">
        <!--侧边栏-->
        <div class="flex column sjyincang cebian yinying yuanjiao touming">
            <!--左区头像-->
            <div class="flex column" style="padding: 5px;margin-top: 25px ;
                    align-items: center; ">
                <img src="./img/logo.jpg" class="yinying yuanjiao" width="130px" height="130px"
                    alt="">
                <div style="font-size: 23px; margin-top: 5px;">马富强</div>
            </div>
            <!--导航区-->
            <div style="
              text-align: center;
                font-size: 15px;
                margin-top: 5px;">
                风物长宜放眼量
            </div>
            <div style="
              text-align: center;
                font-size: 15px;
                margin-bottom: 15px;">
                眼界无穷世界宽
            </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="daohang">
                <thead>
                    <tr>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td width="50%" align="right">
                            github:
                        </td>
                        <td>
                            <a href="https://github.com/gitMFQ" target="_blank" rel="noopener noreferrer">
                                gitMFQ
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td width="50%" align="right">
                            gitee:
                        </td>
                        <td>
                            <a href="https://gitee.com/gitMFQ" target="_blank" rel="noopener noreferrer">
                                gitMFQ
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td width="50%" align="right">
                            酷安账号:
                        </td>
                        <td>
                            <a href="http://www.coolapk.com/u/469901" target="_blank" rel="noopener noreferrer">
                                单薄如纸
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>


            <footer>
                <div class="banquan yinying">
                    <div>
                        <a href="https://www.midorg.com/" target="_blank" rel="noopener noreferrer">
                            元岛
                        </a>
                        ·
                        <a href="https://kangwenchang.com/" target="_blank" rel="noopener noreferrer">
                            康文昌
                        </a>
                    </div>
                    <p style="margin-block-end: 0px;">Copyright © 2022-2023 </p>
                    <a style="margin-bottom: 5px;" href="https://gitmfq.eu.org">gitmfq.eu.org</a>
                    <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">
                        这里没有备案号
                    </a>
                </div>
            </footer>
        </div>
        <div class=" flex flex1 column zbj64 " style="margin-top:64px;">
            <!--内容区-->
            <div style="overflow: scroll;" class="flex shuxiang qgdt">
                <!--左区-->
                <div style="flex:4.5" class="flex column bj8">
                    <!--数据区-->
                    <div class="flex">
                        <!--数据1-->
                        <a href="https://playmusic.eu.org/" target="_self" rel="noopener noreferrer" class="flex flex1 yuanjiao shuju yinying beijing shuxiang">
                            <img src="./img/music.png" class="yinying yuanjiao" width="60px"
                                height="60px" alt="">
                            <div>
                                <b>音乐</b>
                                <div class="sjyincang" ><p>第三方网易云音乐<br>yesplaymusic</p></div>
                            </div>
                        </a>
                        <!--数据2-->
                        <a href="./ua/ua.html" class="flex flex1 yuanjiao shuju zbj8 yinying beijing shuxiang">
                            <img src="./img/chrome.png" class="yinying yuanjiao" width="60px"
                                height="60px" alt="">
                            <div><b>内核</b>
                                <div class="sjyincang"><p>浏览器内核版本信<br>息检测</p></div>
                            </div>
                        </a>
                        <!--数据3-->
                        <a href="./hao/123.html" class="flex flex1 yuanjiao shuju zbj8 yinying beijing shuxiang">
                            <img src="./img/hao.png" class="yinying yuanjiao" width="60px"
                                height="60px" alt="">
                            <div><b>每日</b>
                                <div class="sjyincang"><p>每日事，每日毕。<br>提醒主页。</p></div>
                            </div>
                        </a>                        <!--数据4-->
                        <a href="./index.html" style="height:100px" class="flex1 yuanjiao   zbj8 yinying beijing"></a>

                    </div>
                    <!--列表区域-->
                    <div class="flex column">
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>
                        <!--列表项-->
                        <div style="height:160px" class="yinying yuanjiao  beijing sbj8"></div>

                    </div>
                </div>
                <!--右区-->
                <div style="flex: 1;" class="flex ybj8 sbj8 mzbj8 column">
                    <!--提示区域-->
                    <div style="height:150px ; position: relative;" class="yinying yuanjiao  beijing">
                    </div>
                    <!--左消息区域-->
                    <div style="
                      align-items: center;
                        justify-content: center;background-color: #38B571;overflow: hidden;margin-bottom: 8px;" class="flex column yinying yuanjiao sbj8">
                        <img src="./img/weixin.jpg"
                        style="width:100%;height:100%;object-fit: contain;" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        if ("serviceWorker" in navigator) {
            window.addEventListener("load", function () {
                navigator.serviceWorker.register("sw.js");
            });
        }

    </script>
</body>

</html>